<template>
    <div class="home" span>
        <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
        <el-container class="container">
            <el-header class="header">
                <pageHeader></pageHeader>
            </el-header>
            <el-container>
            <el-aside width="200px" class="aside">
                <sideNav></sideNav>
            </el-aside>
            <el-main class="main"><router-view/></el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'


import sideNav from "../components/sideNav";
import pageHeader from "../components/pageHeader";
export default {
    name: "Home",
    components: {
        sideNav,
        pageHeader
    }
};
</script>

<style lang="scss" scoped>
    // .container{
    // .main{
    //     // overflow-y: scroll;
    //     // min-height:80vh;
    // }
    // }
    
</style>
